1 00:00:00,570 --> 00:00:01,780 Hello and welcome. 2 00:00:01,800 --> 00:00:10,990 In this video we are going to create the projet directory and also the hastier mail FAQ for the project. 3 00:00:11,370 --> 00:00:18,240 I have already created the directory which is this if I click you can see the is empty. 4 00:00:18,560 --> 00:00:22,560 And the way to created a tree is fairly simple. 5 00:00:22,560 --> 00:00:28,020 There are several ways but the way I did it I just did the right click on my desktop. 6 00:00:28,470 --> 00:00:33,420 Clicked on a new folder and just give the folder in name. 7 00:00:33,420 --> 00:00:40,610 In this case I gave it an alarm clock so you can create directory the same way on a Mac and on a window. 8 00:00:41,010 --> 00:00:48,330 Next in I want to do is create the hastier mail file and I will be using the sublime text editor. 9 00:00:48,720 --> 00:00:52,140 So this is my edit on where they've got the file open. 10 00:00:52,140 --> 00:01:00,440 I just need to save the blank file as and his team out far so I'm going to go file save as is saving 11 00:01:00,450 --> 00:01:04,980 it into my directory and I'm going to call it clock. 12 00:01:05,490 --> 00:01:06,360 Lower case 13 00:01:09,590 --> 00:01:16,860 dot hastier mail that means anything then there will be in his home a file and then in this drop down 14 00:01:16,860 --> 00:01:26,110 here I can leave them blank and just select that think 60 tweekers see the title has changed to clock 15 00:01:26,120 --> 00:01:35,380 to taste the mail is still at the bottom right here is got hastier mouth so we can as any code inside 16 00:01:35,430 --> 00:01:40,790 here will be treated as Hey him to save time. 17 00:01:40,830 --> 00:01:48,990 I have already prestige at the hastier MIL called and was going to add that in and I'll explain it line 18 00:01:48,990 --> 00:01:49,850 by line. 19 00:01:50,160 --> 00:01:56,220 So this is the code I'm going to use for the case here melanson let me run through that with you. 20 00:01:56,370 --> 00:02:02,490 Line 1 is the dock type the dock type set declaration. 21 00:02:02,520 --> 00:02:12,710 This is usually the very first thing in your mail document before the tall hastier Mel tack the dog. 22 00:02:12,740 --> 00:02:22,800 Type is not actually his statement of tag it is an instruction to do a web browser about what version 23 00:02:22,860 --> 00:02:33,900 of hastier mail the page is written in line to is the beginning of the hishe him old tag line 15 is 24 00:02:33,900 --> 00:02:35,060 the closing. 25 00:02:35,120 --> 00:02:36,360 Similar tack. 26 00:02:36,480 --> 00:02:43,550 So any content between line to 15 is treated as haste to him. 27 00:02:43,860 --> 00:02:53,710 Okay so lame 3 is the head beginning of -- section and Line 6 is the closing head tack. 28 00:02:54,000 --> 00:03:00,770 So in between the head tag line for We've got a link to the SS style sheet. 29 00:03:00,780 --> 00:03:02,780 We aren't going to use. 30 00:03:02,970 --> 00:03:08,430 Have not created the style sheet yet but when I do I'm going to call it clock. 31 00:03:08,500 --> 00:03:17,770 Don't see SS So this is an external link which means that the C says will be on a separate file ball 32 00:03:17,820 --> 00:03:21,260 going to reference it from this file here. 33 00:03:21,270 --> 00:03:27,880 This is Tim Miller document here giving the title to the actual document. 34 00:03:27,900 --> 00:03:30,350 This is called a lock clock. 35 00:03:30,630 --> 00:03:38,160 So has it open entire to close and title and disclose the header section so the any code or tag you've 36 00:03:38,160 --> 00:03:41,840 got in the head section is not visible. 37 00:03:42,150 --> 00:03:46,570 Content part from the title does shows on the actual title bar. 38 00:03:46,840 --> 00:03:48,270 So here we have the body. 39 00:03:48,480 --> 00:03:52,650 The body is actually the content that is displayed. 40 00:03:52,710 --> 00:03:59,590 So any content within the body tag is what this is on to the web page or application. 41 00:03:59,670 --> 00:04:03,960 See line 10 to find a compass here. 42 00:04:04,050 --> 00:04:08,530 Well the US with the idea of canvas. 43 00:04:08,670 --> 00:04:12,640 Thus the idea attribute would give me an encumbers it width. 44 00:04:12,750 --> 00:04:15,670 So this is going to be how wide is going to be. 45 00:04:15,720 --> 00:04:24,000 This is how high in height is going to be and that is close on campus Campbell's tags so you can open 46 00:04:24,000 --> 00:04:29,890 and close them just like other hastier moth tax here online 12. 47 00:04:29,910 --> 00:04:32,720 I've got a script tag. 48 00:04:33,170 --> 00:04:36,520 I've got a source pissarro bisk stance for source. 49 00:04:36,660 --> 00:04:41,960 So basically he is referencing where this script is. 50 00:04:42,000 --> 00:04:48,870 This source is what you use to reference the scripts of what this is saying that this script is going 51 00:04:48,870 --> 00:04:52,480 to be located inside a file called clock. 52 00:04:52,600 --> 00:04:55,610 It is not crito this file yet. 53 00:04:55,800 --> 00:04:57,540 What I will later. 54 00:04:57,700 --> 00:04:59,920 And that far will count in all. 55 00:05:00,130 --> 00:05:05,560 Called Jab US crew cut that or make the clock work. 56 00:05:05,760 --> 00:05:06,050 Okay. 57 00:05:06,060 --> 00:05:10,340 And this is a close in body tag and that's close in hastier month. 58 00:05:10,490 --> 00:05:14,690 So that's basically it for this system undocument. 59 00:05:14,780 --> 00:05:16,220 Thank you for watching. 60 00:05:16,220 --> 00:05:17,100 Bye for now.